// ============================================================================
// 微博内容渲染组件 - 支持富文本显示
// ============================================================================

import React from 'react'

interface WeiboContentProps {
  content: string
  maxLines?: number
  className?: string
}

/**
 * 微博内容渲染组件
 * 支持：@用户、#话题#、链接、表情等富文本元素
 */
export const WeiboContent: React.FC<WeiboContentProps> = ({
  content,
  maxLines = 3,
  className = ''
}) => {
  /**
   * 解析微博内容为富文本HTML
   */
  const parseWeiboContent = (text: string): string => {
    if (!text) return ''
    return text
  }

  const htmlContent = parseWeiboContent(content)

  return (
    <div 
      className={`weibo-content ${maxLines ? `line-clamp-${maxLines}` : ''} ${className}`}
      dangerouslySetInnerHTML={{ __html: htmlContent }}
      style={{
        wordBreak: 'break-word',
        lineHeight: '1.5'
      }}
    />
  )
}

// 默认导出
export default WeiboContent
